<div class="admin-content">
	<div class="am-cf am-padding">
		<div class="am-fl am-cf">
			<strong class="am-text-primary am-text-lg">消息</strong> / <small>Message</small>
		</div>
	</div>


	<div class="am-tabs-bd" style="touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
		<div class="am-tab-panel am-fade am-active am-in" id="tab1">

			<form class="am-scrollable-horizontal">
				<table class="am-table am-table-striped am-table-hover table-main am-text-nowrap">
					<thead>
						<tr>
							<th>id</th>
							<th>消息内容</th>
							<th>时间</th>
						</tr>
					</thead>
					<tbody>
						<tr data-ng-click="readMessage(message)" data-ng-repeat="message in messages.0.currentPageItems" data-ng-class="{'am-text-danger' : !message.hreads}">
							<td>{{ message.id }}</td>
							<td>{{ message.content }}</td>
							<td>{{ message.createTime | date : 'yyyy-MM-dd hh:mm:ss' }}</td>
						</tr>
					</tbody>
				</table>
				<div class="am-cf" ng-model="total">
					共&nbsp;{{messages.0.recordCount}}&nbsp;条记录
					<div class="am-fr">
						<ul class="am-pagination">
							<li class="{{ messages.0.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="messages.0.previous();">上一页</a></li>
							<li class="am-disabled"><a href="javascript:void(0);">{{ messages.0.recordCount!="0"? messages.0.currentPage : 0 }}</a></li>
							<li class="{{ messages.0.currentPage+1<=messages.0.pages? 'am' : 'am-disabled' }}"><a href="javascript:void(0);" data-ng-click="messages.0.next()">下一页</a></li>
						</ul>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<!-- content end -->
<!-- 侧边栏内容 草稿内容 -->
<div id="new_ui" class="am-offcanvas" name="">
	<div class="am-offcanvas-bar am-offcanvas-bar-flip" style="width: 80%;">
		<div class="am-offcanvas-content">

			<form name="newMessage" class="am-form am-form-horizontal" data-am-validator ng-model="nmessage">
				<fieldset>
					<legend style="color: white;">信息编辑</legend>

					<div class="am-form-group">
						<label for="admin-name" class="am-u-sm-12 am-u-md-3 am-form-label">id</label>
						<div class="am-u-sm-12 am-u-md-9">
							<input maxlength="10" name="jobTitle" class="form-control" type="text" id="nmessage-name" placeholder="请输入10字以内" ng-model="nmessage.admin_id">
						</div>
					</div>

					<div class="am-form-group">
						<label for="admin-name" class="am-u-sm-12 am-u-md-3 am-form-label">内容</label>
						<div class="am-u-sm-12 am-u-md-9">
							<textarea name="jobName" id="nmessage-name" ng-model="nmessage.content"></textarea>
						</div>
					</div>


					<div class="am-form-group">
						<label for="admin-name" class="am-u-sm-12 am-u-md-3 am-form-label">时间</label>
						<div class="am-u-sm-12 am-u-md-9">
							<input name="jobTitle" required class="form-control" type="text" id="nmessage-name" value="{{ nmessage.createTime | date : 'yyyy-MM-dd hh:mm:ss' }}">
						</div>
					</div>


					<div class="am-form-group">
						<div class="am-u-sm-12 am-u-md-9 am-u-sm-push-3">
							<button ng-disabled="newJob.$invalid" ng-hide="NoModify" type="button" class="am-btn am-btn-primary" ng-click="newAdmin(nmessage)">保存</button>
							<button type="button" class="am-btn am-btn-primary" ng-click="closeNew()">关闭</button>
						</div>
					</div>
				</fieldset>
			</form>
		</div>

	</div>
</div>